//实际上就是把定义非单文件组件的对象拿出来了
<template>
  <div>
    <h2>hello world</h2>
    <button @click="count++">你点击了{{count}}次</button>
  </div>
</template>

<script>
export default {
  name: '',
  data(){
    return {
      count:0,
    }
  }
}
</script>
//一个.vue文件通常我们说是一个组件 本质其实是定义组件的配置对象
<style scoped>
h2{
  color:hotpink;
}
</style>
